<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>王世宇的作业</title>
    <link rel=stylesheet type=text/css href="layoutcss.css" />
</head>

<body>

    <div class="header">
        <h1>四组作业</h1>
        <p>抗日战争、解放战争、西柏坡、七届二中全会</p>
    </div>

    <div class="topnav">
        <a href="#">王丽朵</a>
        <a href="#">王世宇</a>
        <a href="#">王璐阳</a>
        <a href="#">徐明珠</a>
        <a href="#">杨非凡</a>
        <a href="#">杨博康</a>
        <a href="#">吴伊凡</a>
        <a href="#">谢毅</a>
        <a href="#">夏宇轩</a>
        <a href="#">王英</a>
        <a href="#" style="float:right">链接</a>
    </div>

    <div class="row">
        <div class="leftcolumn">
            <div class="card">
                <h2>抗日战争</h2>
                <h5>1931年-1945年</h5>
                <div class="fakeimg" style="height:200px;"><img src="14.jpg" width=840px height=170px></div>
                <p>抗日战争简称抗战，指20世纪中期第二次世界大战中，中国抵抗日本侵略的一场民族性的全面战争。</p>
                <p></p>
            </div>
            <div class="card">
                <h2>九一八事变</h2>
                <h5>1931年9月18日</h5>
                <div class="fakeimg" style="height:200px;"><img src="15.jpg" width=840px height=170px></div>
                <h5 align="center">九一八事变日军占领沈阳城墙</h5>
                <p>1931年9月18日日本炸毁南满铁路铁轨，并栽赃嫁祸与中国军队。日军以此为借口，炮轰沈阳北大营。次日，侵占沈阳，又陆续攻占了东北三省，此后开始了对东北人民长达14年之久的奴役和殖民统治。</p>
            </div>
        </div>
        <div class="rightcolumn">
            <div class="card">
                <h2>王世宇</h2>
                <div class="fakeimg" style="height:100px;">姓名：王世宇<hr/>学号：32019160633</div>
                
            </div>
            <div class="card">
                <h3>南京大屠杀</h3>
                <div class="fakeimg"> 
                    <p>日本侵略者活埋无辜的百姓</p>
                    <img src="11.jpg" width=200px height=100px>
                   
                </div>
                <div class="fakeimg">
                    <p>长江边尸体堆积的场面</p>
                    <img src="12.jpg" width=200px height=100px>
                </div>
                <div class="fakeimg">
                    <p>日军砍杀中国军俘虏过程</p>
                    <img src="13.jpg" width=200 height=100px>
                </div>
            </div>
            <div class="card">
                <h3>勿忘国耻</h3>
                <h3>牢记使命</h3>
            </div>
        </div>
    </div>

    <div class="footer">
        <h1>祖国万岁</h1>
    </div>

</body>

</html>